<template>
  <!-- 下单成功页面 -->
  <div>
    <van-nav-bar fixed title="下单成功" class="bg-primary color-white" />
    <div class="has-top">
      <div class="mlr-25">
        <p class="tac mt-60 fs-28">恭喜你下单成功</p>
        <p class="btn-large hollow-btn mt-30" @click="gotoDetail">查看订单</p>
        <p class="btn-large solid-btn mt-30" @click="gotoCenter">返回采购中心</p>
      </div>
    </div>

  </div>
</template>

<script>
export default {
  components: { },
  data() {
    return {

    }
  },
  computed: {},
  created() {
  },

  methods: {
    gotoDetail() {
      this.$router.push('/purchase/productOrderDetail/' + this.$route.params.ordId)
    },
    gotoCenter() {
      this.$router.push('/purchase')
    }
  }

}
</script>
<style lang="scss" scoped>
.color-white {
  /deep/.van-icon {
    color: #fff;
  }
  /deep/.van-nav-bar__title {
    color: #fff;
  }
  &:after{
    border-bottom:none;
  }
}
</style>
